<template>
  <div class="privacy-container">
    <div class="privacy-content">
      <h1 class="page-title">隐私政策</h1>
      
      <section class="policy-section">
        <h2>信息收集</h2>
        <p>我们收集的信息类型包括：</p>
        <ul>
          <li>基本信息：姓名、联系方式、电子邮件地址等</li>
          <li>账户信息：用户名、密码（经加密处理）</li>
          <li>使用数据：浏览记录、学习进度、互动记录等</li>
          <li>设备信息：IP地址、浏览器类型、操作系统等</li>
        </ul>
      </section>

      <section class="policy-section">
        <h2>信息使用</h2>
        <p>我们收集的信息将用于：</p>
        <ul>
          <li>提供、维护和改进我们的服务</li>
          <li>个性化用户体验</li>
          <li>处理用户反馈和请求</li>
          <li>发送服务通知和更新信息</li>
          <li>防止欺诈和提升安全性</li>
        </ul>
      </section>

      <section class="policy-section">
        <h2>信息保护</h2>
        <p>我们采取以下措施保护您的信息：</p>
        <ul>
          <li>使用加密技术保护数据传输和存储</li>
          <li>定期更新安全措施</li>
          <li>限制员工访问个人信息</li>
          <li>定期进行安全审计</li>
        </ul>
      </section>

      <section class="policy-section">
        <h2>信息共享</h2>
        <p>我们不会出售、出租或以其他方式与第三方共享您的个人信息，除非：</p>
        <ul>
          <li>获得您的明确同意</li>
          <li>法律要求或政府部门要求</li>
          <li>保护京剧苑或用户的权益</li>
        </ul>
      </section>

      <section class="policy-section">
        <h2>Cookie使用</h2>
        <p>我们使用Cookie来：</p>
        <ul>
          <li>记住您的登录状态</li>
          <li>分析网站使用情况</li>
          <li>改善用户体验</li>
          <li>提供个性化服务</li>
        </ul>
      </section>

      <section class="policy-section">
        <h2>用户权利</h2>
        <p>您对个人信息拥有以下权利：</p>
        <ul>
          <li>访问和查看个人信息</li>
          <li>更正或更新个人信息</li>
          <li>删除个人信息</li>
          <li>撤回同意</li>
          <li>导出个人信息</li>
        </ul>
      </section>

      <section class="policy-section">
        <h2>政策更新</h2>
        <p>我们可能会不时更新本隐私政策。更新后的政策将在网站上公布，并在必要时通知用户。继续使用我们的服务即表示您同意接受更新后的隐私政策。</p>
      </section>

      <section class="policy-section">
        <h2>联系我们</h2>
        <p>如果您对本隐私政策有任何疑问或建议，请通过以下方式联系我们：</p>
        <ul>
          <li>电话：187-0320-7926</li>
          <li>邮箱：1179046254@qq.com</li>
          <li>地址：吉林市昌邑区经济技术开发区翰林路77号</li>
        </ul>
      </section>

      <div class="policy-footer">
        <p>最后更新时间：2024年3月15日</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PrivacyVue',
  mounted() {
    document.title = '京剧苑 - 隐私政策'
    window.scrollTo(0, 0);
  }
}
</script>

<style scoped>
.privacy-container {
  padding: 2rem 5%;
  max-width: 1200px;
  margin: 0 auto;
}

.privacy-content {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.page-title {
  color: #8B0000;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
  font-family: 'STZhongsong', serif;
}

.policy-section {
  margin-bottom: 2rem;
}

.policy-section h2 {
  color: #8B0000;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-family: 'STZhongsong', serif;
}

.policy-section p {
  color: #333;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.policy-section ul {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.policy-section li {
  color: #333;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}

.policy-footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  text-align: center;
  color: #666;
}

@media (max-width: 768px) {
  .privacy-container {
    padding: 1rem;
  }

  .privacy-content {
    padding: 1rem;
  }

  .page-title {
    font-size: 2rem;
  }

  .policy-section h2 {
    font-size: 1.3rem;
  }
}
</style> 